/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
strong, b {
	font-weight:bold;
}
em, dfn, i {
	font-style:italic;
}
/* ================= General tags ================= */
body {
	font: 12px/1.7 Helvetica, Arial, Tahoma, sans-serif;
	color:#666666;
	-webkit-font-smoothing: antialiased;
	backgorund:#f6f4e7;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	margin-bottom:12px;
	font-weight:600;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration:none;
	outline: none;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
a {
	color:#d93e39;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
a:hover {
	text-decoration:underline;
}
pre {
	white-space:pre;
	overflow:auto;
	padding:20px;
}
code {
	white-space:pre;
	overflow:auto;
	padding:14px;
	color:#595959;
	background:#f6f6f6;
	display:block;
	border:1px solid #ddd;
	font-size:11px;
	line-height:15px;
}
code strong {
	color:#000;
}
p {
	color:#74665b;
	font-size:12px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	line-height:22px;
}
dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {
	margin-bottom: 20px;
}
::selection {
	background:#2e2823;
	color:#FFFFFF;
}
::-moz-selection {
background:#2e2823;
color:#FFFFFF;
}
/* ================= Headers ================= */
h1 {
	font-size:25px;
	color:#453C34;
}
h2 {
	font-size:22px;
	color:#453C34;
}
h3 {
	font-size:18px;
	color:#453C34;
}
h4 {
	font-size:16px;
	color:#453C34;
}
h5 {
	font-size:14px;
	color:#453C34;
}
h6 {
	font-size:12px;
	color:#453C34;
}
h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular {
	font-weight:400;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color:#fff;
}
h1.page_title {
	margin-bottom:10px;
}
h1.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin:20px 0 30px 0;
	padding:0 0 10px 0;
}
h2.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
}
h3.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:20px;
	padding-bottom:15px;
}
h3.bottom_line2 {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:0;
	padding-bottom:5px;
}
h4.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:11px;
	padding-bottom:10px;
}
p.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
div.bottom_line {
	border-bottom:1px solid #d9d9d9;
	margin-bottom:10px;
	padding:0 0 13px 0;
}
p.align_center {
	text-align:center;
	font-size:14px;
	color:#999999;
}
p.align_center a {
	font-weight:bold;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:600;
}
/* ================= List Styles ================= */
ul {
	list-style:none;
	margin-top:0;
}
ol {
	margin-bottom:0;
	margin-top:0;
}
ol, ol li {
	list-style:decimal outside;
}
/* ================= Images ================= */
img.alignleft {
	float:left;
	margin:10px 16px 10px 0;
}
img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignright {
	float:right;
	margin:5px 0px 5px 11px;
}
/* ================= Tables ================= */
table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	padding:0;
}
table thead td {
	background:#dddddd;
	height:30px;
	color:#262626;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
table td {
	vertical-align:middle;
	padding:0;
	height:29px;
	color:#4d4d4d;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
table tr.grey {
	background:#f2f2f2;
}
/* ================= Forms ================= */
input, textarea {
	border:1px solid #cccccc;
	padding:7px 10px 7px 10px;
	font-size:11px;
	color:#000000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}














/* =================  Header ================= */
.header{
width:75%;
height:140px;
margin: 0 auto;
padding: 10px;
border: 5px;
}
.logocontainer {
float:left;
width:75%;
height:160px;
}
.logo2container {
float:left;
width:96%;
height:200px;
}
.logoimg {
float:left;
width:30%;
height:140px;
}

.search{
float:right;
width:200px;
height:38px;
padding-top:20px;
}

.button-search {
float:left;
right: 0px;
background: url('../images/imgs/button-search.png') center center no-repeat;
width: 28px;
height: 35px;
cursor: pointer;
}




/* =================  Services ================= */
.block {width:100%;margin:20px 10px; text-align:center;}
.block h2{font-size:21px; line-height:30px; text-transform: uppercase; color:#ffffff; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}
.block p{font-size:16px; margin: 20px 0px; }
.block a{font-size: 15px; text-transform: uppercase; color: #ffffff; font-family: Impact,Charcoal,sans-serif; font-weight: normal;}
.block .box1{background: #4AA9C3; color: #B7DDE8; padding: 30px; }
.block .box1 a:hover{color:#D6E3BC;}
.block .box2{background: #C0504D; color: #E5B9B8; padding: 30px; }
.block .box2 a:hover{color:#E5B9B8;}
.block .box3{background: #9BBB59; color: #D6E3BC; padding: 30px; }
.block .box3 a:hover{color:#D6E3BC;}
.block .box4{background: #4AA9C3; color: #B7DDE8; padding: 30px; }
.block .box4 a:hover{color:#E5B9B8;}
.block .box5{background: #C0504D; color: #E5B9B8; padding: 30px; }
.block .box5 a:hover{color:#E5B9B8;}
.block .box6{background: #9BBB59; color: #D6E3BC; padding: 30px; }
.block .box6 a:hover{color:#D6E3BC;}
.block .box7{background: #4AA9C3; color: #B7DDE8; padding: 30px; }
.block .box7 a:hover{color:#E5B9B8;;}
.block .box8{background: #C0504D; color: #E5B9B8; padding: 30px; }
.block .box8 a:hover{color:#E5B9B8;}
.block .box9{background: #9BBB59; color: #D6E3BC; padding: 30px; }
.block .box9 a:hover{color:#D6E3BC;}
.block .box10{background: #4AA9C3; color: #B7DDE8; padding: 30px; }
.block .box10 a:hover{color:#E5B9B8;;}


.block .wrap-col {
margin: 10px;
width: 10%;
height:100px;
float: left;
display: inline-block
	border: 1px solid #000;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-box-shadow: 3px 5px 10px #ccc;
	
//transition:width 0.25s;
//-moz-transition:width 0.25s; /* Firefox 4 */
//-webkit-transition:width 0.25s; /* Safari and Chrome */
//-o-transition:width 0.25s; /* Opera */
}
.block .wrap-col:hover{
//width: 13%;
//-webkit-animation-name: shake;
//-webkit-animation-duration: 0.20s;
//-webkit-animation-timing-function: linear;
//-webkit-animation-direction: alternate;	
//-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
	from {-webkit-transform:rotate(-5deg);}
	to {-webkit-transform:rotate(5deg);}
}

/* =================  Banner ================= */


.bannerbg {
// background:#2e2823;
	border-top:1px solid #2e2823;
	border-bottom:1px solid #2e2823;
	padding:10px 0;
	width:75%;
	margin:0 auto;
}


/* ================= slider ================= */
.container {
	width:940px;
	margin:0 auto;
}

.welcome{
	width:35%;
	height:100px;
	float:left;
	margin-right:15px;
	margin-left:15px;
}

/* Webfont link */
@import url(http://fonts.googleapis.com/css?family=Unica+One);

/* Plugin base styles */

.slider { 
  position: relative;
  width: 60%; 
  overflow: hidden; 
}

.slides { 
  position: relative;
  padding: 0;
  list-style: none;
  letter-spacing: 0;
  word-spacing: 0;
  font-size: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}

.slides li { 
  display: inline-block; 
  -webkit-backface-visibility: hidden;
}

.slides li img { 
  width: 100%; 
  height: auto;
}

/* Non-plugin styles */

* { 
  margin: 0; 
  padding: 0; 
}


.slide-nav { 
  position: absolute; 
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.slide-nav ul {
  letter-spacing: 0;
  word-spacing: 0;
  font-size: 0;
}

.slide-nav li { display: inline-block; }

.slide-nav li a {
  display: block;
  color: #444;
  background: #FFF;
  text-decoration: none;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  margin: 0 0 0 6px;
}

.slide-nav li a.active { color: #DEBB1E; }

/* =================  Services ================= */
.servicesandnews{
border-top:1px solid #2e2823;
	border-bottom:1px solid #2e2823;
	padding:10px 0;
	width:75%;
	margin:0 auto;

}
.services {
	position: relative;
  width: 60%; 
  overflow: hidden; 
}



/* =================  News ================= */
.news{
font: 15px/1.7 Helvetica, Arial, Tahoma, sans-serif;

width:35%;
	height:100px;
	float:left;
	margin-right:15px;
	margin-left:15px;

}

.newsbox{
width:30%;
font: 15px/1.7 Helvetica, Arial, Tahoma, sans-serif;
}

/* =================  Footer ================= */
.copyright{
height:35px;
font: 15px/1.7 Helvetica, Arial, Tahoma, sans-serif;
background-color: #99CCCC;
text-align:center;
width:96%;

	
	float:left;
	margin-right:15px;
	margin-left:15px;


}
.copyright.p{
color: #ffffff;
}

.divheader{
width:100%;
height:35px;
background-color: #99CCCC;
padding:3px;
float:left
margin-right:15px;
	margin-left:15px;

}
.footer{
border-top:1px solid #2e2823;

	padding:10px 0;
	width:75%;
	margin:0 auto;


}

.footerlogo{
width:10%;
margin-right:15px;
	margin-left:15px;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popup {
width: 600px;
padding: 30px;
display: none;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);

position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -330px; top: 200px;
}
.popup .a{
color:#453C34;
font-size: 20px;
}
.popup .h2{
color:#453C34;
font-size: 24px;
}

#modal_close {
position: absolute;
top: 12px;
right: 12px;
display: block;
width: 14px;
height: 14px;
background: url(../images/modal_close.png);
z-index: 2;
}
#total {
width:1250px;
height:1500px;
margin:0,auto;
position:relative;
overflow:hidden;
}
